Skip to content

Developing a Fitness Tracker website using ReactJS, MongoDB, NodeJS, ExpressJS, Firebase and JWT for role based access.

Notifications You must be signed in to change notification settings

jubayer98/ReactJS-Role-Based-Access

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

Fitness Tracker

Welcome to the Fitness Tracker, an innovative platform designed to revolutionize the way individuals manage and track their fitness journey. Using cutting-edge technology, the Fitness Tracker offers a range of features that cater to users with varying roles, including members, trainers, and administrators, enhancing the overall management and engagement in fitness activities.

Live Site

Visit Fitness Tracker

Features

  1. Role-Based Access Control: Three distinct user roles with specific privileges:

    • Admins can convert members to trainers, add classes, manage all users, and oversee payment processes.
    • Trainers can write articles, manage their schedules by adding or editing class slots, and interact with members.
    • Members can book classes, read articles, vote on content, review trainers, and update their profiles.
  2. Dynamic Content Management: Both admins and trainers can contribute articles to the platform, fostering a rich, informative community environment.

  3. Advanced Booking System: Members can book slots for classes, handle payments online, and review their experiences, promoting an interactive community-driven platform.

  4. Responsive Design: Fully responsive web application that provides a consistent experience across all devices.

  5. Real-time Interactions: Utilize WebSocket for real-time interactions in community forums and class bookings.

  6. Enhanced Security: Implements JWT for secure authentication, ensuring that user data is protected during transactions.

  7. Comprehensive Admin Panel: Admins have the capability to manage the application comprehensively, including user management, class additions, and financial oversight.

  8. Interactive UI/UX: Utilizes ReactJS along with TailwindCSS for a seamless and engaging user experience.

  9. API-Driven Development: Backed by a robust API built with Node.js, Express.js, and MongoDB, ensuring fast responses and scalability.

  10. Accessibility Features: Includes features for enhanced accessibility, ensuring that the platform is usable for as wide an audience as possible.

Technologies Used

Frontend

  • ReactJS: For building the user interface.
  • TailwindCSS & WindUI: For styling.
  • React Router DOM: For routing.
  • Axios & Tanstack Query: For handling API requests.
  • Firebase: For authentication.
  • React Icons, React Hook Form: For icons and forms.

Backend

  • Node.js & Express.js: Server setup.
  • MongoDB: Database management.
  • JWT & dotenv: For handling authentication and environment variables.
  • CORS: To enable cross-origin requests.

Install Node Modules for Both Client and Server

npm install

Admin Access

To access the admin panel, use the following credentials:

License

Distributed under the MIT License. See LICENSE for more information.

About

Developing a Fitness Tracker website using ReactJS, MongoDB, NodeJS, ExpressJS, Firebase and JWT for role based access.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages