|
| 1 | + |
| 2 | + |
1 | 3 | # PurePath |
2 | 4 |
|
3 | | -This project is built with . |
| 5 | +PurePath is a web application designed to help users break free from unwanted habits like PMO and build a life of purpose through community support, guided meditations, and progress tracking. |
| 6 | + |
| 7 | + |
| 8 | + |
| 9 | +## Tech Stack |
| 10 | + |
| 11 | +This project is built with modern web technologies: |
| 12 | + |
| 13 | +- [Vite](https://vitejs.dev/) - Fast, opinionated frontend build tool |
| 14 | +- [React](https://reactjs.org/) - UI component library |
| 15 | +- [TypeScript](https://www.typescriptlang.org/) - Type-safe JavaScript |
| 16 | +- [React Router](https://reactrouter.com/) - Client-side routing |
| 17 | +- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework |
| 18 | +- [shadcn/ui](https://ui.shadcn.com/) - Accessible UI components |
| 19 | +- [Firebase](https://firebase.google.com/) - Authentication and backend services |
| 20 | +- [Framer Motion](https://www.framer.com/motion/) - Animation library |
| 21 | +- [Tanstack Query](https://tanstack.com/query) - Data fetching and state management |
| 22 | +- [Recharts](https://recharts.org/) - Composable charting library |
| 23 | + |
| 24 | +## Features |
| 25 | + |
| 26 | +- 🔒 **Secure Authentication**: User account creation and login |
| 27 | +- 📊 **Progress Analytics**: Track your journey with visual analytics |
| 28 | +- 🧘 **Guided Meditations**: Access specialized meditations |
| 29 | +- 🆘 **Emergency Support**: Panic button for immediate help |
| 30 | +- 🌍 **Global Community**: Connect with others on the same journey |
| 31 | +- 🔐 **Privacy-Focused**: All data is private and anonymized |
| 32 | + |
| 33 | +## Getting Started |
| 34 | + |
| 35 | +### Prerequisites |
| 36 | + |
| 37 | +- Node.js (v16 or higher) |
| 38 | +- npm, yarn, or pnpm |
| 39 | + |
| 40 | +### Installation |
| 41 | + |
| 42 | +1. Clone the repository: |
| 43 | + ```bash |
| 44 | + git clone https://github.com/yourusername/purepath.git |
| 45 | + cd purepath |
| 46 | + ``` |
| 47 | + |
| 48 | +2. Install dependencies: |
| 49 | + ```bash |
| 50 | + npm install |
| 51 | + # or |
| 52 | + yarn install |
| 53 | + # or |
| 54 | + pnpm install |
| 55 | + ``` |
| 56 | + |
| 57 | +3. Configure Firebase: |
| 58 | + - Create a Firebase project at [Firebase Console](https://console.firebase.google.com/) |
| 59 | + - Enable Authentication and Firestore |
| 60 | + - Create a web app in your Firebase project |
| 61 | + - Copy the configuration values from your Firebase project settings |
| 62 | + |
| 63 | +4. Create a `.env` file in the root directory with your Firebase configuration: |
| 64 | + ``` |
| 65 | + VITE_FIREBASE_API_KEY=your-firebase-api-key |
| 66 | + VITE_FIREBASE_AUTH_DOMAIN=your-firebase-auth-domain |
| 67 | + VITE_FIREBASE_PROJECT_ID=your-firebase-project-id |
| 68 | + VITE_FIREBASE_STORAGE_BUCKET=your-firebase-storage-bucket |
| 69 | + VITE_FIREBASE_MESSAGING_SENDER_ID=your-firebase-messaging-sender-id |
| 70 | + VITE_FIREBASE_APP_ID=your-firebase-app-id |
| 71 | + VITE_FIREBASE_MEASUREMENT_ID=your-firebase-measurement-id |
| 72 | + ``` |
| 73 | + |
| 74 | + You can use the `.env.sample` file as a template. |
| 75 | +**Note: Enable email/pwd authentication in your firebase console.** |
| 76 | + |
| 77 | +6. Start the development server: |
| 78 | + ```bash |
| 79 | + npm run dev |
| 80 | + # or |
| 81 | + yarn dev |
| 82 | + # or |
| 83 | + pnpm dev |
| 84 | + ``` |
| 85 | + |
| 86 | +7. Open your browser and navigate to `http://localhost:8080` |
| 87 | + |
| 88 | +### Building for Production |
| 89 | + |
| 90 | +```bash |
| 91 | +npm run build |
| 92 | +# or |
| 93 | +yarn build |
| 94 | +# or |
| 95 | +pnpm build |
| 96 | +``` |
| 97 | + |
| 98 | +## Project Structure |
| 99 | + |
| 100 | +``` |
| 101 | +purepath/ |
| 102 | +├── public/ # Static assets |
| 103 | +├── src/ |
| 104 | +│ ├── components/ # Reusable UI components |
| 105 | +│ │ └── ui/ # shadcn/ui components |
| 106 | +│ ├── hooks/ # Custom React hooks |
| 107 | +│ ├── lib/ # Utility functions |
| 108 | +│ ├── pages/ # Page components |
| 109 | +│ ├── utils/ # Helper functions and Firebase setup |
| 110 | +│ ├── App.tsx # Main App component with routing |
| 111 | +│ └── main.tsx # Entry point |
| 112 | +├── .env.sample # Sample environment variables |
| 113 | +└── README.md # Project documentation |
| 114 | +``` |
| 115 | + |
| 116 | +## Authentication |
| 117 | + |
| 118 | +This application uses Firebase Authentication for user management. Users can: |
| 119 | +- Register with email and password |
| 120 | +- Log in with existing credentials |
| 121 | +- Access protected routes (dashboard, profile, etc.) |
| 122 | +- Admin users have access to additional |
| 123 | + |
| 124 | +## Contributing |
| 125 | + |
| 126 | +Contributions are welcome! Please feel free to submit a Pull Request. |
4 | 127 |
|
5 | | -- Vite |
6 | | -- TypeScript |
7 | | -- React |
8 | | -- shadcn-ui |
9 | | -- Tailwind CSS |
| 128 | +1. Fork the repository |
| 129 | +2. Create your feature branch (`git checkout -b feature/amazing-feature`) |
| 130 | +3. Commit your changes (`git commit -m 'Add some amazing feature'`) |
| 131 | +4. Push to the branch (`git push origin feature/amazing-feature`) |
| 132 | +5. Open a Pull Request |
0 commit comments