IsItBetterThere is a platform where people can connect and gather relevant information about what it is like to transition to the next phase of their life from other people's personal experiences.
First install these tools required for the project:
- VS code - text editor
- Git - version control
- Github - codebase repository
- Git bash - source control management system
- NPM - node package module
- Node.js - javascript runtime environment
This project is ultimately going to be a CRUD app that utilises secured api routes for creating and fetching data. This project uses the following web technologies:
- React.js - A javascript library for building user interfaces
- Next.js - A framework for statically generated and server-rendered react applications (uses Node.js under the hood)
- Redux - A state container for js apps. We'll be using React bindings for redux which is React-redux
- Material-UI - A UI styling framework for react that follows Google's design language, Material design.
- Styled-components - A styling tool for component based user interfaces (e.g: React, Vue)
- Knex.js - SQL query builder for databases. We'll be using sqlite3 for development environment and postgreSQL (Relational databases) for production environment
- Next-auth - An authentication library for Next.js
- Heroku - platform as a service
- Create a folder in your pc where you want the project to be in.
- Using git bash, navigate to the folder you just created using
cd <folder name>
.
NOTE: If you can't see your folder run the command
ls
in git bash to see where you currently are.
HINT: You can use
cd ..
to move up a directory.
- Open git bash and run this command:
git clone https://github.com/ricjohn-acosta/isitbetterthere.git
- Run
npm install
to install dependencies - Run
npm run dev
and check localhost:3000 if it works
Once you have a local working environment set up:
- In git bash, run the command
git checkout -b "dev-<name-of-feature>"
to create a new local branch for you to work in. - After you've finished making changes in files in your branch run the following commands
git add .
- stage your changesgit commit -m <your message>
- commit your changesgit push origin <current-branch-name>
- push your branch into this repository
- After you've pushed your branch in this repository, go to the branch you've pushed
(e.g: https://github.com/ricjohn-acosta/isitbetterthere/tree/<your-branch-name>)
, make a pull request and I'll check your work.