melawlah/ai_prompts_app by Ruth Ariyomelawlah/ai_prompts_app by Ruth Ariyo

melawlah/ai_prompts_app

Ruth Ariyo

Ruth Ariyo

Frontend Engineer

Software Engineer

Next.js

Next.js

Node.js

Node.js

React

React

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…

Likes

0

Views

2

Tags

Frontend Engineer

Software Engineer

Next.js

Next.js

Node.js

Node.js

React

React

Ruth Ariyo

Ruth Ariyo

Designing stylish, strategic websites for modern brands

Luxury e-commerce website for a fashion brand

Portfolio Project

Portfolio Project

Reliable Frontend Dev for Overflow Work (React/Elementor)

Reliable Frontend Dev for Overflow Work (React/Elementor)

Portfolio website

Portfolio website

Join 50k+ companies and 1M+ independents

Hire creatives Get hired

For independents

Contra Pro Manage freelance projects Get verified as an expert Find jobs Get discovered Sign contracts Send invoices Commission-free payments Gumroad alternative Lemon Squeezy alternative Polar alternative

For companies

For companies Manage team projects Share hiring workspace Post jobs Discover contractors Sign contracts Approve invoices Global payments & tax compliance

Use Cases

For companies For freelancers For creator tools For agencies For VCs

Resources

Partner networks Advertising Challenges Creative Human Data Human Creativity Benchmark Human in the loop API Project-based hiring calculator Guide to flexible hiring Guide for agencies Creator tools awards Customer stories Blog FAQs for freelancers FAQs for companies Referrals

Hire Freelancers

Explore all Top independents Design Engineering Marketing Music & audio Social media Video & animation Product Business consulting & HR Other

Company

Mission Careers Terms & conditions Privacy policy Cookie policy

Contact

Contact support

For independents

Contra Pro Manage freelance projects Get verified as an expert Find jobs Get discovered Sign contracts Send invoices Commission-free payments Gumroad alternative Lemon Squeezy alternative Polar alternative

For companies

For companies Manage team projects Share hiring workspace Post jobs Discover contractors Sign contracts Approve invoices Global payments & tax compliance

Use Cases

For companies For freelancers For creator tools For agencies For VCs

Resources

Partner networks Advertising Challenges Creative Human Data Human Creativity Benchmark Human in the loop API Project-based hiring calculator Guide to flexible hiring Guide for agencies Creator tools awards Customer stories Blog FAQs for freelancers FAQs for companies Referrals

Hire Freelancers

Explore all Top independents Design Engineering Marketing Music & audio Social media Video & animation Product Business consulting & HR Other

Contact

Contact support

Company

Mission Careers Terms & conditions Privacy policy Cookie policy

© 2026 Contra.Work Inc

Table of contents

Acknowledgments

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.