An open API service indexing awesome lists of open source software.

https://github.com/thomasjonstrup/chirp-landing-page-challenge

Frontend Challenge - Codewell Chirp landing page
https://github.com/thomasjonstrup/chirp-landing-page-challenge

astro tailwind-css

Last synced: 2 months ago
JSON representation

Frontend Challenge - Codewell Chirp landing page

Awesome Lists containing this project

README

        

# Chirp-landing-page-challenge

> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!

![basics](https://user-images.githubusercontent.com/4677417/186188965-73453154-fdec-4d6b-9c34-cb35c248ae5b.png)

## 🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

```
/
├── public/
│ └── favicon.svg
├── src/
│ ├── components/
│ │ └── Card.astro
│ ├── layouts/
│ │ └── Layout.astro
│ └── pages/
│ └── index.astro
└── package.json
```

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/Vue/Svelte/Preact components.

Any static assets, like images, can be placed in the `public/` directory.

## 🧞 Commands

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:3000` |
| `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 preview` |
| `npm run astro --help` | Get help using the Astro CLI |

## 👀 Want to learn more?

Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

# Welcome to Codewell! 👋

Codewell's aim is to provide you with real-world design templates that you can use to practice your HTML and CSS projects.

Free or paid, all templates are high quality and will make great portfolio pieces.

### I've completed the challenge, now what?

We recommend using one of these two websites to deploy your projects

- [GitHub Pages](https://pages.github.com/)
- [Netlify](https://www.netlify.com/)

They're super easy to setup and you should have your website up and running in no time, just follow their instructions.

### Submit your solution to Codewell

Visit the relevant challenge on [Codewell](https://codewell.cc) and click on 'Submit Solution' right under the challenge.
Enter all the title, Github repo URL, Live URL (Netlify or GH Pages), and tell the community what challenges you've faced.

### Join our community on Slack

If you want more real-time communication, you can visit our community on [Slack](https://join.slack.com/t/codewell-hq/shared_invite/zt-ni8c9g8h-gNYWrmqQ3Uh37dcLg9~LMQ).

###

Colors
rgb(116, 116, 116)
rgb(143, 143, 143)
#d7f5f5
#00acee
#fbf8f3
#227a99

### Fonts Used

https://fonts.google.com/specimen/Inter