Active Edge is a full stack web project based on fitness-related services where any can get fitness training from expert trainers. When I was working with the project I faced forum post upvote and downvote related issues and user role related problem which I have solved by finding out codes from coding websites.
Key Features
- Visitors can access public routes such as homepage, all classes page, trainers page, forum page, specific post page, login and signup page of the website. Anyone can subscribe newsletter.
- There are three types of signed-in user roles on this website. These roles are admin, trainer, and member. Each has its own dashboard features and access routes. For example, Admin can accept, reject, remove a trainer see balance, etc. Trainer can add slots etc. A member can update their profile apply for trainer etc.
- Server side and private routes have been secured with JWT Token.
Technologies used in this full project
- HTML
- CSS
- JavaScript
- React JS
- Tailwind CSS
- Firebase Authentication
- Express JS
- MongoDB
- JSON Web Token
If you want to test it on your local machine
- At first, you have to clone the server-side project repo, so you have to open a terminal in the directory where you want to clone the project.
- Give the command "git clone 'your repo clone link" in the terminal.
- Then you have to clone the client-side repo of this project and just like before clone it in that directory where the client repo has been cloned.
- After finishing all repos clone to the project directory and open the terminal.
- In your both client and server terminals write 'npm i' for installing dependencies.
- At last, give the command 'npm start' to the server side integrated terminal. Then you have to give the command 'npm run dev' in the client side terminal and go to the link 'http://localhost:5173', then you should see this web project running on your local machine.