Basically, this is going to be a stripped down variant of reddit with inpiration from other social media platforms and this is worth mentioning since it clearly takes inspiration from these sites. There will be database structure differences from reddit per the minimum table requirements but this could in fact be beneficial in terms of scaling the app.
- Full CRUD on the front and back ends
- At least three SQL tables.
- Association, both in the database and displayed in the frontend.
- User authentication.
- At least eight REACT components.
- User authentication.
| Library | Description |
|---|---|
| React | React is an open-source, front end, JavaScript library for building user interfaces or UI components. |
| React Router | React Router is a collection of navigational components that compose declaratively with your application. |
| React Router DOM | It contains the React Native bindings for React Router. |
| Axios | Promise based HTTP client for the browser and node.js. |
| pry-rails | Pry is a runtime developer console and IRB alternative with powerful introspection capabilities.. |
| cors | Provides support for Cross-Origin Resource Sharing (CORS) for Rack compatible web applications. |
src
|__ assets/
|__ fonts
|__ graphics
|__ images
|__ mockups
|__ components/
|__ Header
|__ Footer
|__ PostMain
|__ PostSmall
|__ containers
|__ Layouts
|__ UserCreate
|__ UserLogin
|__ screens
|__ Home
|__ PostDetail
|__ PostCreate
|__ PostEdit
|__ UserHome
|__ services/
|__ apiCongif.js
|__ auth.js
|__ posts.js
|__ users.js
| Component | Priority | Estimated Time | Time Invested | Actual Time |
|---|---|---|---|---|
| Proposal | H | 3hrs | 3hrs | 3hrs |
| Ruby Rails app setup | H | .25hrs | 0hrs | 0hrs |
| Database Models Setup | H | 2hrs | 0hrs | 0hrs |
| Databse Controllers Setup | H | 1hrs | 0hrs | 0hrs |
| Form component setup | H | 2hrs | 0hrs | 0hrs |
| Create Database Seed Data | H | 3hrs | 0hrs | 0hrs |
| Database Routes | H | 2hrs | 0hrs | 0hrs |
| Full CRUD testing | H | 3hrs | 0hrs | 0hrs |
| Cors Setup | H | .5hrs | 0hrs | 0hrs |
| Setup React App | H | 1hrs | 0hrs | 0hrs |
| Build App.jsx | H | 3hrs | 0hrs | 0hrs |
| Build Home.jsx | H | 1hrs | 0hrs | 0hrs |
| Build Post.jsx | H | 2hrs | 0hrs | 0hrs |
| Build PostDetail.jsx | H | 2hrs | 0hrs | 0hrs |
| Build PostEdit.jsx | H | 3hrs | 0hrs | 0hrs |
| Build UserHome.jsx | H | 1hrs | 0hrs | 0hrs |
| Build UserLogin.jsx | H | 1hrs | 0hrs | 0hrs |
| Build UserCreate.jsx | H | 2hrs | 0hrs | 0hrs |
| CSS Styling | H | 3hrs | 0hrs | 0hrs |
| More CSS Styling | H | 3hrs | 0hrs | 0hrs |
| Total | H | 38.75hrs | 0hrs | 0hrs |
These ideas may change, most likely depending on how long MVP takes but also if it makes sense to the structure and vision of the project.
- Subcomments
- Advanced rich text formatting
TBD
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent