Leleka - Pregnancy Tracker

A comprehensive pregnancy tracking application that helps expecting parents monitor their pregnancy journey, track important milestones, and access personalized information throughout all stages of pregnancy.

👥 Team Project

This project was developed by a team as part of a collaborative development effort. Each team member was responsible for specific features of the application.

🙋♀️ My Contribution

• Developed the JourneyDetails component with detailed pregnancy stage information
• Implemented responsive layout and component logic for the journey tracking feature
• Integrated data visualization for pregnancy milestones

🌐 Live Demo

View Live Demo

Deployed on Vercel.

🛠️ Technologies & Stack

• Framework: Next.js 16.0.1 (React 19.2.0)
• Language: TypeScript
• State Management: Zustand
• Data Fetching: TanStack React Query (React Query)
• Forms: Formik with Yup validation
• HTTP Client: Axios
• UI Components:
  • React Select
  • React DatePicker / Flatpickr
  • Swiper (carousel/slider)
• Notifications: React Hot Toast, iziToast
• Styling: CSS Modules, Modern Normalize
• Deployment: Vercel

✨ Functionality

• Pregnancy Timeline Tracking: Monitor pregnancy progress week by week
• Journey Details: Detailed information about pregnancy stages and milestones
• Authentication: User registration and login with cookie-based sessions
• Form Validation: Robust form handling with Formik and Yup
• Interactive UI: Responsive design with modern UI components
• Date Selection: Easy-to-use date pickers for tracking important dates
• Data Management: Efficient data fetching and caching with React Query
• Personalized Experience: User-specific tracking and information
• Notifications: User-friendly toast notifications for important updates

🚀 Getting Started

Prerequisites

• Node.js 20 or higher
• npm, yarn, pnpm, or bun

Installation

1. Clone the repository:

git clone https://github.com/helen-akateva/leleka-pregnancy-tracker.git
cd leleka-pregnancy-tracker

2. Install dependencies:

npm install
# or
yarn install
# or
pnpm install

3. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

4. Open http://localhost:3000 in your browser.

📝 Build

To create a production build:

npm run build
npm start

👩‍💻 Author

Olena Akatieva

• LinkedIn: linkedin.com/in/olena-akatieva
• GitHub: @helen-akateva

📄 License

This project is private and intended for portfolio purposes.