View FashionOn
FashionOn is a full stack web application with a flare for fashion based on Amazon. Users are able to log in, signup, or demo an account storing their information in the PostgreSQL database. On the home page, users are able to view available items and are able to click items to go to the items show page. Not only that but, users can search for products they're looking for. Hopefully the items they need are in stock! Also included is a reviews section where users can update, delete, create, and read reviews. It is important to note that all functionality except creating reviews are avaibale regardless of login status.
Creating this project required the use of assimilating a wide variety of technologies. For the backend, I used Ruby on Rails along with Active Record. Not only that, but I used PosgreSQL for storing data in the database along with Amazon AWS S3 for storing product images. For the frontend I used React Redux along with Node.js in order to create a dynamic single-page application.
- Ruby
- Rails
- React.js
- Redux.js
- Node.js
- SQL/PostgreSQL
- Webpack
- Amazon AWS S3
- All items displayed on the home page
- Users can click items to go to Item Show page
- Users can view all information
- Users can interact with item image, read about the product and create a comment in the secion below
- Each image was created using Amazon AWS S3
- Users can create an account which will store their information to the site
- Errors will popup if you try to login with invalid credentials
- Errors will popup if you attempt to signup with too short a password
- Demo user is available
- Accessed through a dropdown on the homepage
- Users can type in any text they'd like to search for
- Search results will render any matching items related to the search term
- Items are searched through an Ajax request.
- Users can create a comment, edit their comment, or delete their comment
- Creating a comment requires the user to click a link which will bring them to the create comment form
- The edit form maintains the state from the create comment and will update after the user finishes editing the form
- The trash button will delete the post on click and keep the user on the same page with the post now deleted