https://github.com/relativelie/next-js-charity
next.js 14. Supporting children application
https://github.com/relativelie/next-js-charity
nextjs react tailwind
Last synced: about 1 month ago
JSON representation
next.js 14. Supporting children application
- Host: GitHub
- URL: https://github.com/relativelie/next-js-charity
- Owner: Relativelie
- Created: 2024-02-11T08:07:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-11T10:20:44.000Z (over 2 years ago)
- Last Synced: 2025-08-11T17:44:19.233Z (10 months ago)
- Topics: nextjs, react, tailwind
- Language: TypeScript
- Homepage:
- Size: 11.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# EmpoweredKidsZone - Supporting Children, Building Friendships
* The purpose of the project is to demonstrate Next.js app development skills.
* It's a simple project for now, but I'll make it more complicated over time.
## Technologies Used
react - next.js 14 - tailwind - react-hook-form
## Features
This project consist of three main pages:
1. **Home**
* Static rendering page
2. **Contact Us**
* Static rendering
* Server action
3. **Actions**
* Dynamic rendering: List of activities with simple pagination
* Skeleton loader for activities list
4. **Actions Detail Slug**
* Dynamic rendering: Information about activity
## Short video review
** Actions Page
https://github.com/Relativelie/next-js-charity/assets/59819426/e7183d02-b965-4446-95a6-4af6acf78f9a
** Contact Page
https://github.com/Relativelie/next-js-charity/assets/59819426/d9a27f10-a90c-476c-8edb-239f79b6f8be
** Action Details
https://github.com/Relativelie/next-js-charity/assets/59819426/2eaacb29-e0e1-4e7a-bc0d-8080b590a32a
** Home Page
https://github.com/Relativelie/next-js-charity/assets/59819426/5dabb4f4-2db0-464a-bed0-65adac0837df
## Getting Started
To get started with app, follow these steps:
1. Clone the repository: git clone [\[repository-url\]](https://github.com/Relativelie/next-js-charity.git)
2. Install dependencies: npm install
3. Start the development server: npm run build && npm start