Code Monkey home page Code Monkey logo

resource-gallery's Introduction


Resource Gallery provides the tools and resources you need to evolve into a skilled developer.

You can grab a cool Astro badge after successful merged PR from here

Deployed on Cloudflare pages

image

Pagespeed Score

pagespeed

Installation

You can clone the project directly from this repo to your local system.

1. Clone the repo

git clone https://github.com/ZeroOctave/resource-gallery.git .

The . will clone it to the current directory so make sure you are inside your project folder first.

2. Install Dependencies

npm install
# or
yarn install
# or (recommended)
pnpm install

3. Start development Server

npm run dev
# or
yarn dev
# or (recommended)
pnpm dev

Preview & Build

npm run preview
npm run build
# or
yarn preview
yarn build
# or (recommended)
pnpm preview
pnpm build

We recommend using pnpm to save disk space on your computer.

Other Commands

pnpm astro ...
pnpm astro add
pnpm astro --help

5 Create a new branch:

git checkout -b YourBranchName

6. Sync your fork or your local repository with the origin repository:

  • In your forked repository, click on "Fetch upstream"
  • Click "Fetch and merge"

Alternatively, Git CLI way to Sync forked repository with origin repository:

git fetch upstream
git merge upstream/main

Github Docs for Syncing

7. Make your changes to the source code.

8. Stage your changes:

⚠️ Make sure not to commit package.json or package-lock.json file

⚠️ Make sure not to run the commands git add . or git add *

Instead, stage your changes for each file/folder

By using public path it means it will add all files and folders under that folder, it is better to be specific

git add public

or

git add "<files_you_have_changed>"

9. Commit your changes:

git commit -m "<your_commit_message>"

10. Push your local commits to the remote repository:

git push origin YourBranchName

11. Create a Pull Request!

Project Structure

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

/
β”œβ”€β”€ public/
β”‚   └── ...
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   └── ...
β”‚   β”œβ”€β”€ layouts/
β”‚   β”‚   └── ...
β”‚   └── pages/
β”‚       └── ...
└── 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.

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

TailwindCSS

TailwindCSS is already configured in this repo, so you can start using it without any installation.

Credits

Astroship by Web3Templates

πŸ‘€ Want to learn more?

Feel free to check out Astro Docs

Built with Astro

resource-gallery's People

Contributors

0xabdulkhaliq avatar abhayashankar avatar abhinavcode13 avatar akanksha-202 avatar akanksha984 avatar alkaison avatar astrodevil avatar baibhavtiwari avatar bhartik021 avatar dependabot[bot] avatar himanshunarware avatar k-deepak04 avatar narendrakoya999 avatar noibisjunior avatar parmesh119 avatar parthpathakpp1 avatar prajwal0225 avatar s-ishita avatar saikiranreddy201 avatar sameep002 avatar sangdeepganvir avatar shivaniyuvrajyadav avatar shreya111111 avatar siddarthdayala avatar smty2018 avatar somyakabra avatar sriparno08 avatar subhamb2003 avatar tuhinaww avatar vaishalidewangan786 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.