Skip to content

Childcare website made with Next.js, Typescript and Tailwind, focused on SEO optimization and lead capture.

Notifications You must be signed in to change notification settings

jmlandi/little-angels-childcare

Repository files navigation

👼 Little Angels Childcare

Welcome to Little Angels Childcare, a project built with Next.js, PostgreSQL, and Docker. This freelance project provides a functional web application running on a production server, hosted on a VPS with Hostinger and accessible at littleangelspdx.com.


🚀 Project Overview

This project is designed for a childcare service and includes the following technologies:

  • 🎨 UX/UI: Built with figma.
  • 🖥️ Frontend: Built with Next.js.
  • 🐘 Database: PostgreSQL for data storage.
  • 🐳 Infrastructure: Docker containers for the app, PostgreSQL, and Nginx for reverse proxy.
  • 🌐 Hosting: Deployed on a Hostinger VPS.
  • 🔑 API Integration: Includes API keys for services like Google Maps.

🛠️ Tech Stack

Frontend

  • Next.js: A React-based framework for server-side rendering.

Backend

Infrastructure

  • Docker: Containerized deployment.
  • Nginx: Reverse proxy and load balancing.

📋 Features

🏫 Childcare Services

  • Showcase childcare details and offerings.

🗺️ Google Maps Integration

  • Displays location and other map-based services using Google Maps API.

🐳 Dockerized Environment

  • Simplified setup and deployment using Docker Compose.

🛠️ Environment Variables

The application uses the following environment variables:

DB_USER="admin"
DB_PASSWORD="admin"
DB_NAME="childcare"
DB_HOST="db"
DB_PORT="5432"
MAPS_API_KEY="maps-api-key"
MAPS_PLACE_ID="maps-place-id"
PGADMIN_DEFAULT_EMAIL="admin@example.com"
PGADMIN_DEFAULT_PASSWORD="admin"

Ensure you update sensitive information (e.g., DB_PASSWORD and MAPS_API_KEY) before deploying to production.


🚀 Getting Started

Prerequisites

  • Docker
  • Docker Compose

Running the Application

  1. Clone the Repository:

    git clone https://github.com/your-username/little-angels-childcare.git
    cd little-angels-childcare
  2. Start the Application:

    docker compose up -d
  3. Access the application at http://localhost.


🔄 Restarting and Rebuilding

To restart the app with a fresh build and reset the database:

docker compose down -v
docker compose up --build -d

📂 Folder Structure

  • src/: Contains the application source code.
  • public/: Static files served by the application.
  • docker-compose.yml: Docker Compose configuration for the app, database, and reverse proxy.
  • Dockerfile: Defines how the Next.js app is containerized.

📖 Future Enhancements

  • Add user authentication for admin panels.
  • Implement additional features like scheduling and parent portals.
  • Enhance SEO performance.

🤝 Contributing

Feel free to fork the repository, make improvements, and submit pull requests. All contributions are welcome!


💬 Contact

For any questions or suggestions, reach out at joaomarcospsnbr@gmail.com.

About

Childcare website made with Next.js, Typescript and Tailwind, focused on SEO optimization and lead capture.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages