Welcome to the GEC Coders Club website project! This website serves as the online platform for our coding community, providing information about our events, resources, and opportunities for aspiring developers and coding enthusiasts.
This project is build using basic Next.js with TypeScript architecture. The plan and prototype for the project is described on the excalidraw Live collaboration Sketch. Feel free to give you suggestion in the excalidraw plan.
We have moved the next-ts branch into the main. So the current project is using Next.js with TypeScript.
Our project's blueprint and structural planning are currently in progress through live collaboration on Excalidraw. Excalidraw provides a dynamic environment for team members to collectively sketch out the website's layout, sections, and content flow.
✏ Wireframe and planning : Excalidraw wireframe
🖌️ Design Link: Figma
Any suggestions on the UI/UX for the website will be highly appreciated.
Make sure you have node js and npm installed
You can use bun (only for Linux and MacOS users) too. We've set the environment up for it too
- Install typescript
Cloning and installing this repo should install typescript locally but if you wish to install it globally run:
npm install -g typescript -
Clone this repo
git clone https://github.com/Engicos-Coders-Club/club-official-website.git
-
Once switched, install the necessary packages by using this command
npm install
or
npm i
-
Then run the development server
npm run dev # or yarn dev # or pnpm dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To convert tsx to jsx use:
npm run transpileFeel free to give suggestions on any thing you like, you feel should be changed. Even with HTML and CSS knowledge you can start contributing in this project.
-
Fork this repository and
git cloneit to your local machine. -
Create a new branch for your feature or bug fix:
git checkout -b my-feature
-
Checkout out Setting Up to see understand installation of project dependencies.
-
Commit your changes:
git commit -m 'Add new feature'
- Push to the branch:
git push origin my-feature
- Submit a Pull Request.
- Sanjay S. Kumar -
dev - Shridhar Kamat -
dev - Atmanand Gauns -
dev + coordinator - Shriteen Dhamasker -
dev - Greeshma -
coordinator
Note
We understand that collaboration and design are iterative processes. As we progress, we'll continuously seek your feedback and input to refine the blueprint, structure, and UI design. Our goal is to create a website that aligns with your vision and effectively communicates your message to your audience.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent