/React-Mini-Project

This React + Vite project, part of a Front-End Web Development Bootcamp, integrates JavaScript, HTML, and CSS, incorporating SVG and PNG for images. It features a responsive design catering to diverse devices, with a development timeline of around 2 weeks, adding extra features beyond the bootcamp scope.

Primary LanguageJavaScript

React + Vite (Mini Project 2 - Dibimbing.id)

Version: 1.0.0

Description

This project is the second assignment from the Front-End Web Development Bootcamp at Dibimbing.id, utilizing the React + Vite framework. The project incorporates JavaScript, HTML, and CSS, along with the use of SVG and PNG features to display images or icons. Additionally, it implements a responsive website design for various devices, including mobile, tablet, laptop, and 4k monitors. The completion of this project was slightly more complex and time-consuming compared to the previous one, which only required 4 days of work. For this project, I invested approximately 2 weeks, incorporating additional features beyond the scope of the bootcamp.

Library Used

Features

  • Registration: This feature allows users to create a new account on the website.
  • Login: This feature enables users to log into their accounts on the website.
  • User List: This feature displays a list of all users present on the website.
  • User Details: This feature provides detailed information about each user.
  • Pagination: This feature allows users to scroll through the list of users gradually.
  • Protected Routes: This feature safeguards certain pages of the website from access by unregistered or non-logged-in users.
  • Responsive Design: This feature ensures that the website is accessible and well-presented across various devices, including computers, laptops, tablets, and smartphones.

UI Design Resources

API