MiniDashboard

MiniDashboard--> Built a mini dashboard where teachers can login/signup and have acess to student data.

Project Overview :-

This is a complete full-stack project of developing Dashboard
This is React focused project with basic backend required for data and authentication

Getting Started :-

You've got a couple of options to run this project into your local system.

• First and the easiest way is to use this link where i have deployed the project.
• The second way consists of cloning the repository into your system & running the project on your local machine. For a step-by-step guide to this second method, kindly follow the steps given below :
• Clone the given repository into your local system.
• Open that repository in your preferred IDE.
• Import all the required npm modules by running "npm install" command in the current repository.
• Run "npm run server" command in this repository in your code editor.
• Navigate to "http://localhost:3000/" in your preferred browser, and voila!!! Welcome to our project. Now you can navigate to different pages like products, productDetails, shoppingBag, payments etc. using the on-page provided links. These links will redirect you the respective pages.

Tech-stack Used :-

• Javascript
• HTML
• CSS
• NodeJS
• MongoDB
• Heroku

Libraries Used :-

• ExpressJS
• Mongoose
• React
• Redux
• CharaUI
• React-Icons

Created Pages :-

• Home Page
• Student Page
• Login Page
• SignUp

Functionalities Added :-

• Markups generated using a NoodJS template engine - EJS
• All the data fetched from a cloud database of MongoDB - Atlas
• Filters functionality in home page for enabling better user experience
• Sorting the products based on age.
• Filtering based on gender
• Pagination

Screenshots:-