React - Admin Dashboard

Admin Dashboard for SOIL Platform

Project Overview

This project gives admins a simple and powerful dashboard to manage the SOIL platform. Admins can handle user accounts, manage products, and keep an eye on reviews in real-time. Key features include blocking or unblocking users, adding, editing, or deleting products, and moderating reviews to keep the platform clean and respectful.

Technologies Used

• Frontend: React.js
• Backend: Node.js with Express.js for server-side operations.
• Database: MySQL
• GraphQL: For efficient data fetching and updates.
• Hosting: AWS EC2 instance for running the application.
• Domain Management: AWS Route 53 for handling the domain name.

How do I complete this?

To complete this project thoroughly, I broke it down into several stages. First, I generated the idea, then considered the appropriate technologies, including using Figma for UX/UI design. Finally, I launched the project and tested it to make sure everything was working well

• Idea Generate

  I wanted to make a dashboard that makes it easy for admins to manage everything on the SOIL platform. The goal was to streamline tasks like managing users and products and moderating reviews to maintain quality.

• Tool and Technologies

  I love working with AWS, so I chose it for its scalability and security. React.js was perfect for creating a responsive and dynamic frontend. GraphQL was used for its powerful and flexible data querying capabilities.

• Launced Project

  The project is hosted on an AWS EC2 instance. This ensures that the application runs smoothly and is always available. The domain and DNS settings are managed using AWS Route 53, making the site accessible at soiladmin.aidenkiettran.com.

Project result

The Admin Dashboard works great, providing a seamless experience for managing users, products, and reviews. User authentication is secure. GraphQL makes data operations fast and efficient, and the real-time features keep the admin updated with the latest activities.

Learning and New Experiences

This project taught me a lot about AWS and other technologies:

• Hosting: Setting up and running an EC2 instance.
• Database Management: Using AWS RDS to manage MySQL databases.
• GraphQL: Implementing efficient data fetching and real-time updates.
• Frontend Development: Building dynamic interfaces with React.js.
• Authentication: Using AWS Cognito for secure user login and signup.

Overall, this project gave me hands-on experience in full-stack development and cloud deployment, helping me build and maintain robust web applications.