/laddit

Reddit clone , also a code along project using Next.js 12, Graphql, Typescript, Redis, Apollo, Chakra UI, PostgreQL.

Primary LanguageTypeScript

About

Laddit, read as "la - dit", is a demo project a fullstack Node.js based web application.

Prerequisites

In this project, we used the following technologies:

  • Typescript
  • React.js
  • Node.js
  • Next.js
  • Apollo
  • Express.js
  • Redis
  • PostgreQL
  • GraphQL
  • Chakra-ui
  • Tailwind

Getting Started

You can either start from scratch with the following setup, or simply clone this project:

git clone https://github.com/Jasper0077/laddit.git

Project Dependecies

This section show the two ways to work with the project dependecies.

The mock data can be generated using Mockaroo.

NPM

If you are using npm, you can install the dependecies with

npm i

This will download all the dependencies in node_modules folder.

🏃 Open up three terminal based on your preference, in /web run:

npm run dev

🏃 In /server run the following respectively in two different CLI:

npm run dev

👁️ npm run watch will observer for changes in your code, and update the /server/dist folder, it is where your backend code is compiled and used on production.

npm run watch

Yarn

# TODO: add the instruction here.

Configuration

TODO: Add the configuration note here.