Skip to content

Latest commit

 

History

History
72 lines (46 loc) · 1.45 KB

README.md

File metadata and controls

72 lines (46 loc) · 1.45 KB
Raw

Nuxt 4 + STrapi 5 - Mini Contact Manager

This project is a simple Contact Manager application built using Nuxt 4 for the frontend and Strapi 5 as a headless CMS for managing the contacts. The app allows you to create, read, update, and delete (CRUD) contacts with a clean and intuitive interface.

Youtube Video

Cover

A video to the project can be found here

Features

  • Create, Read, Update (CRU) contacts
  • Backend powered by Strapi 5
  • Frontend powered by Nuxt 4
  • REST API integration
  • Simple and responsive UI by UI Thing

Getting Started

Prerequisites

  • Node.js v18+
  • npm or yarn

Backend Setup (Strapi 5)

  • Clone the repository and navigate to the backend folder:
git clone <repo_url>
cd backend
  • Install dependencies and run Strapi:
npm install
npm run dev
  • Copy the .env.example file to .env and update the environment variables:
cp .env.example .env

Frontend Setup (Nuxt 4)

  • Navigate to the frontend folder:
cd frontend
  • Copy the .env.example file to .env and update the environment variables:
cp .env.example .env
  • Install dependencies and run the Nuxt app:
npm install && npm run dev
  • Open your browser and navigate to http://localhost:3000 to view the app.

License

This project is licensed under the MIT License.