This repository contains the code for the Front-End Capstone project created by the Cherry Blossom Chasers team: Yanting Luo, Jack Martinuzzi, Rachel Miller, and Anthony Tzeng.
-
Description
-
Technologies Used
-
Installation and Running
-
.env File
-
Authors and Contributors
-
Wins and Improvements
-
Making Readme Better
This project is a webpage for an ecommerce site called 'Styl Forge' which allows users to see and select from a variety of clothing options, add items to a saved outfit list, add their items to their shopping cart, view related items, see questions and answers related to the current item, ask your own question, add an answer to a question, filter for answers that only include images, see the overall rating of an item, read user reviews for items, add your own reviews, and sort reviews by rating.
The application was built using React, Node.js, HTML, and CSS. It accesses a provided API running the database to store product data.
The following technologies were used to build the project:
Node.js React Axios Express HTML CSS GitHub
To install and run the project, you will need to have Node.js installed on your computer.
To install the project dependencies, run npm install in the project directory. Make sure to update dependencies regularly. To build the webpack run npm run client-dev. To start the server, run npm run server-dev.
The project uses a .env file to store environment variables. The example.env file must be customized with an API key and the port number to run the server.
Yanting Luo Jack Martinuzzi Rachel Miller Anthony Tzeng
The Front-End Capstone project was a success! The application was built using modern technologies and the code was well-structured and organized. The project was completed on time and all of the features were implemented as expected.
There are also some areas that could be improved. The code could be refactored to improve readability and maintainability. While we did make an effort to comply with accessibility standards, there are some noticeable improvements that we could make.