- The motivation is to express support for others and their achievements.
- The project was built to create an achievement log for the user.
- The problem this project solves is greater understanding of stripe, introduction of cloudinary and timeline.
- We learned how to work the complete MERN stack.
-
Download repo from GitHub repository link: https://github.com/ThaDarkLord/hypeMe-hypeYou.
-
Install repo in terminal
-
Use npm i to install all packages needed
-
Change code in VS Code when needed
-
Happy coding!
Here's the GitHub link where the repo lives: hypeMeHypeYou
Here's the Render link where the repo lives: render
Here are some screenshots of the app below:
We want to thank Leif for helping the backend connection with users and their achievements and comments, as well as with the timeline and the typeDefs and resolvers mutations.
All collaborators on the project:
- Daniel Sykes GitHub: https://github.com/ThaDarkLord
- Austin Clark GitHub: https://github.com/0Clark30
- Harley Sherman GitHub: https://github.com/harleysherman
The license used in this project is MIT License.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
The features of this project are listed below:
- Login/ Sign Up
- Authentication throughout front end to back end and vice versa
- Stripe capabilities to allow user to pick a subscription model
- User has the ability to add an achievement with screenshot and comment on other's achievements
- Pre-created data from the MongoDB that mimics real users
For any violations of this project, contact me hello@harleysherman.com.
- Login in a pre-seeded user from the mongoDB
- Signup a completely new user with username, email, and password
- Access your profile
- Add an achievement, just text
- Add a comment to another's achievement
- Add a screenshot to your achievement
- Select a subscription model
- Click any achievement on the timeline (homepage/ timeline page)