React.js is a JavaScript library that allows you to build fast and efficient web applications using the minimum amount of code possible. In React.js, you can break the web layout into components - reusable bits of code that return HTML elements.
Chakra UI is a library that allows you to build stunning and modern web applications using various layout components. It differs from other UI frameworks in that it offers accessibility and dark mode support by default.
With Chakra UI, you spend less time building responsive and beautiful websites. If you want to create a web application that allows users to switch between different color modes with minimal lines of code, then Chakra UI is an excellent choice.
- 👉 Chakra UI - official website
To use this app you will need to install all dependencies needed, and you can do that by running these commands in your command line:
$ npm install
$ npm start
This app is designed to work with the backend app, linked here: https://github.com/shaialoni/project-3-mongoose-express
A social media app that allow users to "SPOTLIGHT" a major current event, a special moment of their day, or just an image that provided a fleeting moment of joy and share it with others.
- As an unregistered user, I would like to view all images
- As an unregistered user, I would like to sign up with email and password.
- As a registered user, I would like to sign in with email and password.
- As a signed in user, I would like to change password.
- As a signed in user, I would like to sign out.
- As a signed in user, I would like to upload an image to AWS with a name
- As a signed in user, I would like to update the name of my image on AWS.
- As a signed in user, I would like to see all my images on AWS.
- As a signed in user, I would like to see the thumbnail of all images on AWS.
- As a signed in user, I would like to comment on posts
- As a signed in user, I would like to delete my comments
- As a signed in user, I would like to 'like' images
- As a signed in user, I would like to delete the reference of my image from the database.
- As a signed in user, I would like to see the following data for any post:
- date created/uploaded
- date modified
- owner (user who created the post)
- name
- As an unregistered user, I would like to download any image
- As a signed in user, i would like to follow another user
- As a signed in user, i would like to share another user's post
Route | Description |
---|---|
/signup | allows users to create a new account |
/signin | allows users to sign into their account |
/changepassword/ | allows users to change their password |
Route | Description |
---|---|
/ | allows users to see everyone's posts |
/myposts | allows users to see all of user's posts |
/addpost | allows users to create a new post |
- Front-End SME: Trevor Zou
- Back-End SME: Shai Aloni
- Team Manager: Dang Do