Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/iboughtbed/nf-hw-3

Last synced: about 20 hours ago
JSON representation

Host: GitHub
URL: https://github.com/iboughtbed/nf-hw-3
Owner: iboughtbed
Created: 2024-06-09T06:34:02.000Z (7 months ago)
Default Branch: main
Last Pushed: 2024-06-11T06:54:14.000Z (7 months ago)
Last Synced: 2024-11-11T02:28:28.612Z (about 2 months ago)
Language: TypeScript
Homepage: https://nf-hw-3-lovat.vercel.app
Size: 78.1 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # [Medium](https://iboughtbed-nf-hw-3.vercel.app/)

This is an open source medium-alike app build with everything new in Next.js 14. It is bootstrapped with `create-t3-app`.

[![Medium](./public/og.png)](https://iboughtbed-nf-hw-3.vercel.app/)

## Tech Stack

- **Framework:** [Next.js](https://nextjs.org)

- **Styling:** [Tailwind CSS](https://tailwindcss.com)

- **UI Components:** [shadcn/ui](https://ui.shadcn.com)

## Features to be implemented

> NOTE: axios and dummyjson combo is killing me ahhaahh

> It's so inconvinient, I'd rather create my own api with my own schemas with react query

- [x] Fetch all posts using **axios**

- [x] Implement posts design on main page

- [x] Implement routing to detailed post page using dynamic routes

- [x] Create AuthContext that checks if the user is authenticated.

- [x] Sign in page

- [x] Passing auth token to axios request

- [x] Implement axios interceptor to pass auth token with requests

- [x] Handle API errors in axios interceptor response

- [x] Theme provider

- [x] CRUD for posts

## Running Locally

1. Clone the repository

   ```bash

   git clone https://github.com/iboughtbed/nf-hw-3.git

   ```

2. Install dependencies using pnpm

   ```bash

   pnpm install

   ```

3. Copy the `.env.example` to `.env` and update the variables.

   ```bash

   cp .env.example .env

   ```

4. Start the development server

   ```bash

   pnpm run dev

   ```

## Introduction

This is nFactorial Incubator homework for day 2

## License

Licensed under the MIT License. Check the [LICENSE](./LICENSE.md) file for details.