FinalProject3

Furry Feet Friends is a collaborative application that was created using React, Three.JS, MongoDB, and JWT for authentication.

Description

Furry Feet Friends is an E-commerce management application that features an Admin Dashboard, a Products page, and optional user login using authentication. This project was built with React, Three.JS, GraphQL, Node.js, Express.js, MongoDB, and Mongoose ODM. This product also offers a polished, responsive, and interactive UI that is user-friendly.

GitHub Repository

Table of Contents

• Technologies Used
• Features
• Deployment
• Installation
• Usage
• Authentication
• Repository Structure
• License
• Questions

Technologies Used

• React for the front end.
• GraphQL with Node.js and Express.js for the server.
• MongoDB and Mongoose ODM for the database.
• JWT-based authentication for user login.
• Heroku for deployment.
• Three.JS for interactive visual elements.

Features

• Admin Dashboard with reports: Total Customers, Total Orders, Unread Messages.
• Dashboard graphs: Product Sales Distribution, Product Breakdown, Weekly Revenue.
• Admin Dashboard sections: Products, Reports, Customers, Reviews, Task Manager, Latest Reviews.
• Polished UI with responsive design.
• Interactive elements and user input handling.
• Protected sensitive information on the server.
• Quality coding standards for file structure, naming, indentation, comments, etc.

Installation

To run the application locally, follow these steps:

1. Clone the repository to your local machine.
2. Navigate to the project's root directory in your terminal.
3. Run npm install to install dependencies.
4. Set up MongoDB and update connection details in the server code.
5. Run npm start to start the server.
6. Navigate to the client directory and run npm install.
7. Run npm start to start the React development server.
8. The application will be available at http://localhost:3000 in your browser.

Usage

• Visit the deployed application or run it locally following the installation steps.
• Navigate through the Admin Dashboard, Products page, and other sections.
• Explore the interactive graphs and reports.
• Test the optional user login and authentication features.

Authentication

The application implements JWT-based authentication for user login. User-sensitive data and authentication tokens are securely managed.

Repository Structure

The repository follows best practices for file structure, naming conventions, and code quality. It is organized into client and server directories.

License

This project is licensed under the MIT License.

Questions

If you have any questions or feedback, please contact the GitHub Repository owner at chadkraus87@gmail.com or project collaborator's at peterksharma@gmail.com, chemphill1208@gmail.com, sydlogg@gmail.com, and randerson7926@yahoo.com. Thank you for supporting this application!