Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/martinwebdev95/starkwebclone
Frontend Practice challenge that consists of creating a clone of the Stark website
https://github.com/martinwebdev95/starkwebclone
astro cssmodules frontend frontendpractice javascript reactjs vercel-deployment
Last synced: 26 days ago
JSON representation
Frontend Practice challenge that consists of creating a clone of the Stark website
- Host: GitHub
- URL: https://github.com/martinwebdev95/starkwebclone
- Owner: MartinWebDev95
- Created: 2024-01-17T18:58:28.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2024-01-19T08:57:55.000Z (12 months ago)
- Last Synced: 2024-10-16T19:19:31.422Z (3 months ago)
- Topics: astro, cssmodules, frontend, frontendpractice, javascript, reactjs, vercel-deployment
- Language: Astro
- Homepage: https://stark-web-clone.vercel.app/
- Size: 3.59 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.en.md
Awesome Lists containing this project
README
[Button Language]: https://img.shields.io/badge/Leer%20En%20EspaΓ±ol-000000?style=for-the-badge
[![Button Language]](https://github.com/MartinWebDev95/StarkWebClone/blob/master/README.md)
# Stark Web Clone
---
[Button Stark Web]: https://img.shields.io/badge/Original%20Stark%20Web-3A1FD3?style=for-the-badge
[Button Stark Web Clone]: https://img.shields.io/badge/Stark%20Web%20Clone-3A1FD3?style=for-the-badgeThis is a [Frontend Practice web challenge](https://www.frontendpractice.com/projects/stark) that consists of creating a clone of the Stark website.
[![Button Stark Web Clone]](https://stark-web-clone.vercel.app/)
[![Button Stark Web]](https://www.getstark.co/)## π¨π½βπ» What technologies have I used?
---[Button Vercel]: https://img.shields.io/badge/Deploy%20on%20Vercel-000000?style=for-the-badge&logo=vercel
[Button Astro]: https://img.shields.io/badge/Astro-000000?style=for-the-badge&logoColor=BC52EE&logo=astro
[Button React]: https://img.shields.io/badge/React-000000?style=for-the-badge&logo=react
[Button Modules]:https://img.shields.io/badge/CSS%20Modules-000000?style=for-the-badge&logo=css-modules[![Button Astro]](https://astro.build/)
[![Button React]](https://react.dev/)
[![Button Modules]](https://github.com/css-modules/css-modules?tab=readme-ov-file)
[![Button Vercel]](https://vercel.com/)- **Astro:** I have used Astro as the main framework of the project, creating the vast majority of components. Astro is a framework that does not load JavaScript by default on the client, it's SSR (Server Side Rendering), and that causes the loading of the website to be practically instantaneous.
- **React:** I have used React for all components that are interactive with the user, that is, all those components that trigger an event.
- **CSS Modules:** I have used CSS Modules to style React components.
## πΈ Some Screenshots!
---![Hero Section Screenshot](https://github.com/MartinWebDev95/StarkWebClone/blob/master/public/assets/screenshots/heroSection.png)
![Video Section Screenshot](https://github.com/MartinWebDev95/StarkWebClone/blob/master/public/assets/screenshots/videoSection.png)
![Features Section Screenshot](https://github.com/MartinWebDev95/StarkWebClone/blob/master/public/assets/screenshots/featuresSection.png)
![Footer Section Screenshot](https://github.com/MartinWebDev95/StarkWebClone/blob/master/public/assets/screenshots/footerSection.png)
## ποΈ Project Structure
---This is the structure that I have used in this project
```text
/
βββ public/
β βββ assets/
β β βββ image.png
β βββ fonts/
β βββ font.otf
β
βββ src/
β βββ components/
β β βββ Component.astro
β β βββ Component/
β β βββ index.jsx
β β βββ Component.module.css
β βββ hooks/
β β βββ useHook.js
β βββ layouts/
β β βββ Layout.astro
β βββ lib/
β β βββ getData.js
β βββ pages/
β βββ index.astro
βββ package.json
```
## π Where you can find me?
---[Button Portfolio]: https://img.shields.io/badge/Visit%20My%20Portfolio-000000?style=for-the-badge
[![Button Portfolio]](https://my-portolio-martinwebdev95.vercel.app/)