Code Monkey home page Code Monkey logo

ignyte-website's Introduction

Hi 👋, I'm Chaitrali Kakde

A passionate frontend developer and open-source enthusiast.


📫 How to reach me :- [email protected]

Languages and Tools:


bootstrap css3 figma git html5 javascript nodejs postman react tailwind

Connect with me:


https://www.linkedin.com/in/chaitrali-kakde-042396203/

charu1603

ignyte-website's People

Contributors

aaadityag avatar alphaomega4348 avatar charu1603 avatar harmeetsingh11 avatar jrg-one avatar kombaiya-mk avatar mathanraj0601 avatar muhammad-owais-warsi avatar nepalivai avatar niharika0104 avatar pinak-dhir avatar rishav9911 avatar rohits-web03 avatar tejas-sands avatar vedanshjainvj avatar vinayakmalviya21 avatar yashi-15 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

ignyte-website's Issues

bug: Typo in the website name

while going through the website i saw that at one place it was "Ignyte" and at other place it was "ignyte" ,which is not suitable as it should be same throughout the website being the website name. so i would like to correct it . Kindly assign me this issue.
Screenshot (1110)
Screenshot (1111)

Home page text error.

There is some issue with the CSS on the home page text as the properties get lost after 640px.
image

image

Contact form

Create contact form with familiar illustrations and keeping it with navbar.

As it is single page webapp should I keep it above footer?

Please allow me to work on it for SWOC24

Effects on footer icons

I can add little bit effect on the icons and their text in the footer sections. Same can be done in the navbar

Adding Explore More Button

I want to add Explore more button in the open source section, so that anyone can explore more information about this amazing field,

Animations on website

I want to add subtle animations for the elements when the page gets loaded and also add better hover effects.

Please assign this issue to me under SWOC so that I can start working on it. Thankyou!

Create CONTRIBUTING.md file

Currently the project doesn't have Contributing.md file.
I would like to add it to provide a contribution guide for all the contributors and collaborators.
Would really appreciate if you assign me this issue under the label SWOC S4

Add readme

A proper full detail readme file is needed i can implement it. please assign me under SWOC.

pr template

checklist
-- easy for maintainers to check the contribution of contributors
--accessing with issue no, changes they did and screenshots

Footer

the text is the very bottom of the footer.We need to add bit of padding around it.
snap

please assign this issue to me.
I will fix it asap

[Feature]: add codeql workflow

Is your feature request related to a problem? Please describe.

The repository contains code in javascript, it does not have workflow for code scanning.

Describe the solution you'd like

I aim to implement the CodeQL workflow to automate security checks. CodeQL, GitHub's code analysis engine, will identify vulnerabilities in the code and present the findings as code scanning alerts. This workflow will be activated for every push, commit, and pull request through GitHub Actions.

Record

  • I agree to follow this project's Code of Conduct 
  • I'm a SWOC 4.0 contributor
  • I want to work on this issue

add license

details:

  1. add license to your project as issued under MIT

Bug: Multiple bugs in footer

hey , in the footer, the when clicking on the social links it does not redirect us to the specified link but only clicking on the icons of it does which can be misleading and would made it seem like not working.
Also in quick links section, clicking on the "about us" does not redirect to about us section but to the top of the page.
kindly assign me this issue under SWOC'24.

Enhancement : Add Hover On Button

Description:

Currently, the buttons lack a hover effect.

Proposed Solution:

Implement a hover effect for buttons that provides visual feedback to users when they hover over them.

Screenshots

image

Enhancing User Experience: Addressing Form Submission and Validation Issues

When the submit button of the "Contact Us" form is clicked without filling in any details, the page is currently refreshing entirely, and no validation errors, such as "This field is required," are being displayed. Additionally, when the form is properly filled out, there is no alert or popup indicating that the message has been sent.
I will fix this issue.

bug:Missing Send Mail Logic in Contact Form

Bug Description

Describe the bug:
I have noticed that there is no implementation for sending emails upon submitting the contact form. Currently, I am planning to use Nodemailer and Google App Passwords for this functionality.

Expected behavior:
Upon submitting the contact form, the system should send an email using Nodemailer and Google App Passwords.

Steps to Reproduce:

  1. Navigate to the contact form.
  2. Fill out the form with valid information.
  3. Submit the form.
  4. Observe that there is no email confirmation or notification.

Additional Context

Detailed Explanation:
I am planning to implement the email sending functionality using Nodemailer and Google App Passwords. If there are specific guidelines or configurations needed for integrating this into the system, please provide them.

Possible Solutions (if any):
If you have any recommendations or best practices for implementing email sending in this context, please share them.

FORM VALIDATION ISSUE

IN CONTACT US,
While entering name it takes numbers as
Uploading Screenshot 2024-01-19 013859.png…
response getting submitted without proper name

Add all the components in App.jsx

Currently all the components are added in main.jsx and App.jsx is completely empty.
Usually all the components are added in App.jsx and only App.jsx is main.jsx.

So to maintain standard code structure of React projects I would like to add all the components to App.jsx and add App.jsx to main.jsx to make it cleaner

@charu1603 I would really appreciate if you assign me this issue under SWOC S4

[Style]: Enhance Hero Section Background in Homepage

Description:

The current background in the homepage's hero section appears plain white, lacking visual appeal. To improve the aesthetics, consider adding a gradient, grid, or dotted pattern to enhance the overall look and feel of the hero section.

Tasks:

  1. Explore and decide on an appropriate background style such as gradient, grid, or dotted pattern.
  2. Implement the chosen background style using CSS to enhance the visual appeal of the hero section.
  3. Ensure that the new background complements the overall design and does not negatively impact readability.
  4. Test the changes across various screen sizes to guarantee a responsive and consistent appearance.

Additional Information:

  • Consider color choices that align with the overall theme of the homepage.
  • Seek feedback from stakeholders or team members to ensure the proposed background style aligns with the project's visual identity.

Acceptance Criteria:

  • The hero section background in the homepage should be updated with the chosen style (gradient/grid/dotted pattern).
  • The new background style should enhance the overall aesthetics without sacrificing readability.
  • The changes should be responsive, providing a consistent appearance across different devices.

Screenshots

Ignyte

Record

  • I agree to follow this project's Code of Conduct 
  • I'm a SWOC 4.0 contributor
  • I want to work on this issue

[Feature]: Integrate Dependabot for Automated Dependency Updates

Describe the feature you'd like to request

Keeping the project's dependencies up to date can be a challenging task, especially when done manually. To streamline and automate this process, we propose integrating Dependabot.

Describe the solution you'd like

We need to add Dependabot to our project as it will significantly aid in keeping our dependencies current. Once activated, Dependabot will automatically submit pull requests (PRs) whenever there are outdated dependencies identified in our package.json file.

This automated approach will enhance our project's stability, security, and overall maintenance by ensuring that we are always using the latest and most secure versions of our dependencies.

Record

  • I agree to follow this project's Code of Conduct
  • I'm a SWOC24 contributor
  • I want to work on this issue

Button on about us

Here are a few issues with the button on About Us section
image
hover
image

  1. The button does not lead anywhere, just there for show.
  2. Very small effect on hover almost unnoticeable
  3. too much data on the button just 'learn more' is enough.

Feat: Implement automated reviewer assignment workflow for Pull Requests

Describe the feature

This issue addresses the need for a GitHub Actions workflow that automatically assigns reviewers to pull requests upon their opening. Automating the reviewer assignment process will streamline code review processes and ensure timely feedback from team members.

Proposed Feature:

The proposed feature involves the creation of a GitHub Actions workflow that triggers upon the opening of a pull request. This workflow will automatically assign designated reviewers based on predefined list of reviewers in the workflow config.

Expected Behavior:

  • When a pull request is opened, the workflow should trigger automatically.
  • Based on defined rules or configurations, reviewers will be assigned to the pull request.
  • Reviewer assignments should be customizable and adaptable to project-specific requirements.

Benefits:

  • Streamlines the code review process by automating reviewer assignments.
  • Ensures timely feedback and reduces bottlenecks in the development workflow.
  • Improves collaboration and accountability among team members.

Record

  • I agree to follow this project's Code of Conduct
  • I'm a SWOC24 contributor
  • I want to work on this issue

Build a workshop Functionality

We can add a form by clicking the button in a popup to add details about the workshop and then list that workshop.
can you assign it to me under SWOC 24

Feat: Add GitHub Link to Repository

Add GitHub Link to Repository

Description:

I noticed that there is currently no direct link to the GitHub repository in the website

Task ;

  • Add a GitHub icon or text
  • Add a link to GitHub repo in the icon or text

Suggestion :

  1. Option 1 - Navbar:

    • Add a link to the GitHub repository in the navigation bar, providing easy access for users.
      image
  2. Option 2 - Footer Social Links:

    • Alternatively, add the GitHub link under social links in the footer.
      image

Adding hover on the navbar components

The navbar components { Home, About , Features, Open source } would appear better with a hover.
{ Additionally the name of one of the navbar components [ About ] is not matching with the component in the footer, I would Like to change that as well ( with the name you prefer)}.

2024-01-04 (2)

2024-01-04 (3)

Please assign me this. @charu1603
Thanks & Regards

Adding More Icons

Want to add more icons in UI part, which enhances user experience and acts as a better CTA.

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.