https://join.slack.com/t/newworkspace-mfx9568/shared_invite/zt-gzxqmwyt-IpYJzwP4ZstYe1slDAogfw

As the data layer part is complete, all we have to do is create a holder component that will receive data as props and render a single event card.

Hi, I would like to help to improve the switch button

Now

Next

We can ask users to share customized content regarding techphantoms, events, etc.

Every event in the event page will have have some common components like,

• title
• date
• venue
• duration
• about
• image

It will be better to create a component that takes these parameters and render a card, this way we can save development time in the future.

We will be introducing our mentor and core members and interact with the community members clear the doubts and all.
Publicly display our GitHub Organisation too. @vinitshahdeo @JoshuaPoddoku @prachi-ag @Souvikns @AnubhavMadhav @garimasingh128 @SavageShift @puranjay123 @mauriceyeng @pixan198

Reproduce Bug.

1. Go to: https://condescending-swartz-83b809.netlify.app/
2. Click on hamburger menu
3. Click on any following route.
4. 404 Page

Create a menu button and menu options for navigation.

As the team member holder component is built. Now I guess we should start connecting it with airtable.

Problem

Currently, the code in the master branch is working just fine without any errors. Still in the dev branch, the code is I guess commits behind.

Expected behavior

If we take a look in the src/pages/event component, we find

import React from 'react'
import { Events as Evnts, Holder } from '../components/EventHolder'
import {
    Box,
} from '@chakra-ui/core'


const Events = props => {

    return <>
        <center>
            <span style={{ fontSize: 50 }}>Events</span><br />
        </center>
        {/* Sample Event Holder */}

        {/* <EventHolder
         description="Git and GitHub 101"
         date="2013-03-10T02:00:00Z"
         title="HacktoberFest with Tech Phantoms"
         mlsa_event={true} 
         event_recording_link="some link"
         />*/}

        <Box style={{ margin: '12px 10px' }}>
            <Evnts />
        </Box>
    </>
}

export default Events

As the previous, the <EventHolder /> is commented out and thus it should not render it. but render <Evnts />. this is what is happening in the local server.

Current behavior

But the in the production still the previous code that has been commented out is being rendered.

Speculation

What I believe is there might be a mismatch of the branch for deployment as new changes made to the master branch are not being deployed.

Problem

Currently, the side menubar is not closing after the page has been successfully changed.

Possible fix

I think the opening and closing state of the menu is not changing after the link is clicked as it is a link. This could be fixed by converting the links to buttons and changing the state with every button click.

Task 1

Find the favicon at: src/assets/logo.svg
Find index.html here at public/index.html

Task 2

Update meta data from
<meta name="description" content="Web site created using create-react-app" />
to
<meta name="Tech Phantoms" content="An Open Tech Community " />

Hamburger icon in dark mode blends with the background. Icon color can be changed to white.

Example
Check the bottom of the page: https://anubhav-madhav-blogs.herokuapp.com/introduction-to-programming-languages

The Events holder and the data have been connected. Design the events page.

Current View

Changes

• Firstly we should go with a better formating for time and date
• We will be removing the RSVP functionality because most events will have a event link so I think we should just keep a event link instead.
• Title of the event should have a bigger font and also be bold, as it should be the center of attention.
• I think we can experiment with the shadow a little bit
• Design the Event page, with the new layout

@imabp comment when you are free for this.

Feature Proposal

Having an upcoming event section on the landing page and a way to update it would really add aesthetic to the website. Also if will draw the attention of anyone visiting our website.

Potential Solution

As for the data part, the hook that provides us with all the event data could be used as it returns events in ascending order of the dates. We could just use the first event on the list.

TODO

I guess we should design the component first and then decide what data we will be needed, then we can even build a new hook or modify the existing one.

• Design the upcoming events component
• update the existing events hook or create a new one.

I'm opening the page on chrome desktop. and the swith theme button not aligned with side bar

also, when switching theme, side bar is not visible, because it's black, i think that's not good for readability

• mockup (@mauriceyeng and @puranjay123 )
• content (@prachi-ag )
• code (@Souvikns )

Currently, the links in the drawer are not using react-router-dom links and thus it is reloading the pages, I guess this issue could be solved by just adding react-router-dom links component.

As this is a static site and we won't be building any backend for this I think for features like events, expanding community where we need to store user data making a separate layer will save serious development time, and also keep the codebase clean.

Check the design from the connected epic.

All the required code is assets are in the repo itself

Create an abstract logo that speaks Tech_Phantoms

I guess uniform icons would be better either material UI or just filled ones with color. We can try and see.

TODO

• Add new page in the pages folder
• Create Route /projects
• Serve Projects page in the new route

As we are hosting our website on netlify we need to add a redirect file, otherwise our deployed application will have issues when refreshing pages and also to go to custom routes.

can refer to this issue for better understanding

@Souvikns , @JoshuaPoddoku and @imabp thought to put Kladi as nomination in The Readme Project
https://github.com/readme/nominate

We need content for the landing page.

Current Design of scrollbar is default one.

Requirement:

To have a custom scrollbar design which suits the background and plus makes website look more aesthetic