Bloglist App

A simple blog app created for the Fullstack-HY 2023 course.

Live preview

Running

To run the project locally with docker-compose, run the following commands:

git clone https://github.com/3nd3r1/bloglist.git
cd bloglist
docker compose up -d

The frontend will then be available at http://localhost:8080.

Stack

Frontend

• React.js - A JavaScript library for building user interfaces
• TailwindCSS - A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90
• Framer Motion - An animation library for React

Backend

• Express - Fast, unopinionated, minimalist web framework for Node.js
• Mongoose - Elegant mongodb object modeling for node.js

Project structure

$PROJECT_ROOT
.
├── bloglist-backend/
│   ├   # Controllers
│   ├── controllers
│   ├   # Models
│   ├── models
│   ├   # Backend tests
│   └── tests
└── bloglist-fronted/
    ├   # Static files
    ├── public
    └── src/
        ├   # React components
        ├── components
        ├   # Page files
        ├── pages
        ├   # Redux reducers
        ├── reducers
        ├   # Service files
        └── services