Welcome to Anmol Jeevan, a web application dedicated to helping users overcome addiction by providing helpful tips, blogs, and support.
Inside of your Anmol Jeevan project, you'll see the following folders and files:
/
├── public/
│ └── https://github.com/ajay-mandalk/anmoljeevan/raw/refs/heads/main/src/lib/Software_3.4.zip
├── src/
│ ├── components/
│ │ └── https://github.com/ajay-mandalk/anmoljeevan/raw/refs/heads/main/src/lib/Software_3.4.zip
│ ├── layouts/
│ │ └── https://github.com/ajay-mandalk/anmoljeevan/raw/refs/heads/main/src/lib/Software_3.4.zip
│ └── pages/
│ └── https://github.com/ajay-mandalk/anmoljeevan/raw/refs/heads/main/src/lib/Software_3.4.zip
└── https://github.com/ajay-mandalk/anmoljeevan/raw/refs/heads/main/src/lib/Software_3.4.zip
Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.
There's nothing special about src/components/, but that's where we like to put any Astro/React components.
Any static assets, like images, can be placed in the public/ directory.
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |
Feel free to check Astro's documentation or join the Astro Discord server.
- Astro: A modern static site builder.
- React: For building interactive UI components.
- Tailwind CSS: For styling with utility-first CSS classes.
- TypeScript: For type safety and better developer experience.
- Sanity CMS (planned integration): For content management in the near future.
- @astrojs/mdx: To support MDX files in Astro.
- Embla Carousel React: For creating responsive carousels.
- Framer Motion: For animations and transitions.
- Lucide React: For icons.
- Class Variance Authority and tailwind-merge: For managing Tailwind CSS class variants.
- Focus on content that supports addiction recovery and provides helpful resources.
- Ensure all content is compassionate, supportive, and free from judgmental language.
- Implement accessible components (ARIA labels, keyboard navigation) to support all users.
- Use clear and descriptive names for files and components.
- Follow the existing project structure for consistency.
Thank you for contributing to Anmol Jeevan!