ace-vsit / website Goto Github PK

ACE Website 2022 - (Monorepo and Mico-Frontend ) Admin Panel: https://admin.vipsace.org/

License: MIT License

JavaScript 66.58% TypeScript 32.02% HTML 1.38% Shell 0.02%

gatsby prismic styled-components react-spring custom-hooks context-api graphql firebase firestore-database lottie-animation gcp axios javascript monorepo react-table typescript nx zustand serverless-functions

website's Introduction

ACE Website Development Guide

Hello reader, our team has initiated this project in order to update the ACE's website and along with that this can be a great opportunity for all of the team members to learn and explore various technologies which are used on the Web.
This guide includes everything you need to get started with the Project.
Wish you luck!

If you find anything which can be improved in the README.md then ping me and give a pull request.

🚀 Quick start

Download required softwares.
1. Download Github from here
2. Download Node.js from here
3. Download your favourite Code Editor (VS Code Preferred)
Setup Environment locally.
1. Clone Repo & Install dependencies
  
  Linux / Mac Users
  1. Run the following commands in your terminal
```
cd ~/Desktop
git clone https://github.com/ACE-VSIT/website
cd ./website
yarn
cd packages/website && touch .env.development
cd packages/admintable && touch .env
```
  Windows Users
  1. Open CMD / Power Shell / Git Bash in your folder
  2. Run the following commands
```
git clone https://github.com/ACE-VSIT/website
cd ./website
yarn
create .env.development inside packages/website
create .env inside packages/admintable
```
2. Open the Project in your preferred code editor
3. Opne the .env.development file of each package and add the required env-vars
4. Start the Local Dev server
  
  Note* the server takes some time to start.
```
 yarn start
```
5. Website should be up and running on your http://localhost:8000/
6. Admintable should be up and runnning on your http://localhost:3000/

👨‍💻 Directory Structure

website's People

Contributors

Stargazers

Watchers

Forkers

yash-rajsingh parmindersingh1 kanishkrawatt dinex-dev yoaayush saurabharch

website's Issues

Register button padding issue, Footer and Left hand navbar layout issue in chrome

The layout of the left-hand navbar(follow us, Facebook, Instagram, Twitter) and footer exceed the required length.
Achievements page opens but no information is visible. Register button padding issue as well.

ACE-VIPS.website.-.Google.Chrome.-.layout.bug.mp4

Position of members is not displayed on HomePage

Initial State of Members is not sorted as per default year

Layout merging with the Banner

Issue: Layout in the OUR ACHIEVEMENTS panel is merging with the Banner picture.

Order Issue under Events Page

Under Events, Date of the events should be as per the recent event come first which is not followed there......

Event Cards have inconsistent height

Move registrations filter on graphQL query level

Describe the bug
Currently the data is filtered on state level once received from query, it's better to query the filtered data on first place.

To Reproduce
Check this useEffect where the state is being updated as per the filter. Rather than doing this we can re-create this query with filter.

Fix active session filter (Website)

Describe the bug
As of now on the website we have 2024 selected as active year on members route. But it should not be the case, rather active session's year should be displayed.

To Reproduce
Steps to reproduce the behavior: