Skip to content

A full-stack responsive web application designed to explore Next.js and its integration within the React ecosystem. Users can sign up using their Google credentials, save and copy AI prompts, which are visible to other users. Additionally, they can edit and delete the AI prompts they create.

Notifications You must be signed in to change notification settings

melawlah/ai_prompts_app

Repository files navigation

Table of contents

Overview

The challenge

A full-stack responsive web application built to explore Next.js and its integration within the React ecosystem.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Screenshot

FireShot Capture 002 - Promtopia - localhost

FireShot Capture 003 - Promtopia - localhost

FireShot Capture 004 - Promtopia - localhost

My process

Built with

What I learned

  • Next.js 14 Client Components vs Server Components
  • Next.js 14 File-based Routing (including dynamic and nested routes)
  • Next.js 14 Serverless Route Handlers (Next API, Full Stack Apps)

Useful resources

  • Javascript Mastery - This helped me understand Next.js concepts and provided beautiful design assets to complete this project.

Author

Acknowledgments

Adrian of JavaScript Mastery is an excellent and dedicated teacher. He puts his all into his tutorials.

About

A full-stack responsive web application designed to explore Next.js and its integration within the React ecosystem. Users can sign up using their Google credentials, save and copy AI prompts, which are visible to other users. Additionally, they can edit and delete the AI prompts they create.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published