This is the first project in the full stack capstone module in the Microverse program.
Check the below contents for further details about this project.
This repository is about a simple greeting text in a single page. This project configured Rails
to use jsbundling
gem which allows using React
. It also connects with PostgreSQL
database & follows the GitFlow
workflow. State management in React
is implemented using Redux
& Redux Toolkit
. Remote data fetching from the backend is done with Thunk
api. Navigation inside the app is implemented using React Router
. Linters are used for (Ruby
/ JavaScript
/ CSS
).
📌 Tech Stack:
- Backend language is
Ruby
- Backend Framework used is
Rails
- Frontend language is
JavaScript
- Frontend Framework is
React
- Database used is
PostgreSQL
📌 Key Features:
- Single page application
- Responsive layout with all screen sizes
- Basic header & footer structure
- Button to generate random greeting
- Not found page for invalid pages
- Special route for API endpoints
You can easily download or fork this repository and work on it immadiately!
📌 Prerequisites:
Ruby
languageNodeJS
frameworkPostgreSQL
database
📌 Installation:
- To get all required gem dependencies run
bundle install
- Create all required databases with
rails db:create
- Build all table schemas with
rails db:migrate
- Populate table data with
rails db:seed
📌 Development:
- Run backend server using
rails server
- Run frontend server using
npm run watch
- Manipulate & process models data through
rails console
📌 Mahammad:
Some additional features I may implement in the project:
- Use some animations or transitions
- Implement (dark / light) theme switch
Wish to contribute to this project?
Contributions, issues, and feature requests are more than welcome!
Feel free to check the issues page too.
Like this project? Show your support by starring!
I thank everyone at Microverse for guiding me through this project.
This project is MIT licensed.