Dev's Board is the app that makes a developer's life a teensy bit easier!
This is my capstone project for BrainStation's full-stack bootcamp. The task was to ideate, plan, and execute a full-stack application within two weeks. Dev's Board was made using React, React Router, and SASS for the front end, a Node/Express backend API, and Knex to query a MySQL database.
Dev's Board is a mood board creator where users can select a keyword from a list that describes their project and the program will display a color palette and set of pictures for insipiration. If they're happy with the board, users can save them. They can also retrieve and delete them as needed.
Follow these steps to run a local instance of Dev's Board. You will also need to install the backend:
(You'll need node and npm already installed.)
- Clone the project
git clone https://github.com/LamiSaadat/devs-board-client.git- Go to the project directory
cd devs-board-client- Install dependencies
npm install- Set environment variables:
Rename .env_sample to .env and change the placeholder value to the port you set for the server.
REACT_APP_API_KEY=<your API key from pexels.com/api>
REACT_APP_API_URL=http://localhost:<PORT SET IN /devs-board-server/.env>- Start the app
npm start- React.js
- React Router
- SASS
- User Sign Up/Login
- Color Changer
- Update board
- Add notes
- Share boards