Skip to content

Ezaj24/SkillTrack-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SkillTrack – Mobile Skill & Goal Tracker

SkillTrack is a productivity-focused mobile application built with React Native (Expo) and connected to a .NET 8 Web API.
It helps users track skills, set goals, and manage personal improvement through a clean and minimal UI.


✨ Features

🔐 Authentication

  • Login and Register with JWT
  • Secure token storage using AsyncStorage

📚 Skills

  • Add, edit, and delete skills
  • Automatically grouped by category
  • Level badges: Beginner / Intermediate / Advanced
  • Clean card layout

🎯 Goals

  • Add, edit, and delete goals
  • Grouped automatically by Year → Month
  • Upcoming goals visible on Dashboard
  • Calendar date picker for target date

👤 Profile

  • Update name and email
  • Dark/Light mode toggle (saved permanently)
  • App info: version, terms, privacy
  • Logout with navigation reset

🏠 Dashboard

  • Personalized greeting with first name
  • Overview: total skills, goals, due soon
  • Quick add buttons
  • Daily motivational quote
  • Upcoming goals preview

🌙 Dark Mode

  • Fully supported across all screens
  • Status bar adjusts automatically

🛠 Tech Stack

Mobile App (Frontend)

  • React Native (Expo)
  • React Navigation
  • Context API (Theme)
  • Axios
  • AsyncStorage
  • Animated API
  • DateTimePicker

Backend API

  • .NET 8 Web API
  • Entity Framework Core
  • PostgreSQL
  • JWT Authentication
  • Render deployment

📂 Project Structure

src/ ├── api # axios setup ├── navigation # navigators ├── screens # all UI modules ├── theme # light/dark themes & context └── utils # quotes and animations

App.js # main entry app.json # Expo configuration


📸 App Screenshots

🟦 Dark Mode

Home Screen

Home Screen – Dark

Skills Screen

Skills Screen – Dark

Goals Screen

Goals Screen – Dark

Profile Screen

Profile Screen – Dark


⚪ Light Mode

Home Screen

Home Screen – Light

Profile Screen

Profile Screen – Light


🔐 Authentication

Login Screen

Login Screen – Light

🚀 Running the App

Install dependencies: ``bash npm install

Start development server:

npx expo start

Open in Expo Go on your phone

🌐 API Base URL Configured inside:

Code src/api/api.js Endpoints /api/auth/login

/api/auth/register

/api/user/me

/api/user/update

/api/skills (CRUD)

/api/goals (CRUD)

📝 Notes Built for portfolio and real learning

UI is clean, minimal, and responsive

Version 1 is complete and stable

📊 Project Status SkillTrack v1 is finished. Future improvements may include animations, onboarding, charts, or reminders.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors