Skip to content

HF6-PROJECT/web

Repository files navigation

CloudStore

CloudStore is a web application that allows users to store files in the cloud. It is built using Astro, Vue, Tailwind CSS, and Flowbite.


👨‍🚀 Development

⚙️ Workflow

This product is built using the following widely used technologies:

🚀 Quick start

  1. Clone this repository or download the ZIP file
  2. Make sure that you have Node.js and NPM installed
  3. Install the project dependencies from the package.json file:
npm install

NPM is the package manager we've chosen for this repository.

  1. Launch the Astro local development server on localhost:4321 by running the following command:
npm run dev

You can also build the project and get the distribution files inside the dist/ folder by running:

npm run build

Then, you can preview the generated build with a local web server:

npm run preview

🛠 Tools

Efforts have been put on fast onboarding and developer experience.

This project comes with extensive support for TypeScript, Astro, Vue, Tailwind, and VS Code.
It is configured with sensible defaults, a bit of opinions, plus some tricks to make it plays nice together.

  • TypeScript: strictest Astro's settings. Full-stack, type-safe code base
  • Prettier: featuring prettier-plugin-astro (bundled with astro)
  • Editorconfig: conforming with prettier
  • VS Code: extensions recommendations, tooling settings
  • Tailwind: Astro integration (using Vite and PostCSS)
  • Flowbite: dependencies (core, typography), settings