💻 PROJECT NAME ✨ => 💻 BPK-Assign
Resume | Github | Portfolio | Blogger | Medium | |
---|---|---|---|---|---|
-
HTML5
CSS3
-JavaScript
ReactJS
Redux
NodeJS
ExpressJS
-MongoDB
-
Vercel
-
-
Chakra UI
-
-
Vercel
✨Clone the repository.
✨Run the command npm install
in both the frontend and backend folders.
✨Run the command npm run server
in the backend folder.
✨Run the command npm start
in the frontend folder on localhost:3000.
Serial No | Feature |
---|---|
1 | User Signup, login |
2 | Home Page Design, responsive design |
3 | Create Project, Show Project list |
4 | Edit & delete Project |
Serial No | Backend | Frontend |
---|---|---|
1 | nodemon | Material-ui |
2 | mongoose | React Router dom |
3 | cors | redux , react-icons |
4 | dotenv | react-redux , react-thunk |
5 | express | react-hot-toast |
BPK-Assign Application lets you log in and Create a Project, show a Project list, and update, and delete Projects.
---✨Getting Started:
✨Initialize the Application: To begin using the application, navigate to the frontend terminal and execute the command npm start. This will start the application locally, making it accessible through your web browser at port 3000.
✨Home Page: Upon launching the application, users are greeted with the home page.
---✨User Journey:
💫Login: Users are provided with the choice to log in. This initial step ensures a personalized experience within the application.
✨Add Project: Following a successful login, users are taken to the Create Project page.
✨Show Project List: Once the project setup is complete, users can click on any projects to go to the upload projects page.
✨Edit and delete project data.
graph TD;
App-->HomePage
HomePage-->LoginPage
LoginPage--> CreateProjectPage
CreateProjectPage--> ShowProjectPage
ShowProjectPage-->EditProject
EditProject--> DeleteProjectpage