melawlah/ai_prompts_app

Ruth Ariyo

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

My process

Built with

Next.js - React framework
React - JS library
Node.js - JS framework
MongoDB - Database
TailwindCSS - For styles

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

Website - Ruth Ariyo

Acknowledgments

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

Posted May 21, 2024

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 creden…

Portfolio Project
Portfolio Project
Reliable Frontend Dev for Overflow Work (React/Elementor)
Reliable Frontend Dev for Overflow Work (React/Elementor)
Portfolio website
Portfolio website
A website designed to explore and understand the workings of Ta…
A website designed to explore and understand the workings of Ta…

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc