yashsehgal / dashboard-ui Goto Github PK
View Code? Open in Web Editor NEWDashboard UI Frontend using React.js, and CSS/SCSS
Home Page: https://gitspace-ui.vercel.app/
License: MIT License
Dashboard UI Frontend using React.js, and CSS/SCSS
Home Page: https://gitspace-ui.vercel.app/
License: MIT License
Need to create multiple button components for specific use-cases. Such as primary, outlined, text buttons, disabled buttons with 2 different sizes (i.e. Large, small (default)) which can be modified by props as well. The button designs are mentioned here in the Figma file
The dashboard application needs a UI concept in order to get started with the frontend development part. This is the Figma file URL where I am working on the designs and assets part.
A key
is a special string attribute you need to include when creating lists of elements because keys help React
identify which items have changed, added, or removed. Keys should be given to the elements to give them a stable identity.
There are 2 occurrences of this issue in the repository.
See all occurrences on DeepSource → deepsource.io/gh/yashsehgal/dashboard-ui/issue/JS-0414/occurrences/
Need to create a date-range-picker component for new tasks/tickets and to manage deadlines.
Need to create a layout for the Kanban board on the dashboard view, listing project issues and assignments.
Steps we can complete this entire feature
react-beautiful-dnd
moduleNeed to create a frontend layout for chatting.
Features to focus on while working on the frontend
Create a pop-up modal to create a new task on the dashboard view. Use react-modal
to implement this feature.
Create a logo for GitSpace with branding assets and styles.
Create a pack of images of all possible sizes, layouts, themes, file types and save them on ImageKit.
Found variables that are declared but not used anywhere.
There is 1 occurrence of this issue in the repository.
See all occurrences on DeepSource → deepsource.io/gh/yashsehgal/dashboard-ui/issue/JS-0128/occurrences/
Create a toast component for the application UI. The toast component will be having the following properties mentioned below:
The toast component will be having an animation effect as well
Need to create a header for dashboard-ui which will be having account options and other settings options. The design to header component is being referenced in this Figma file
Can create a feature to create a new project entry/card for the dashboard-ui.
UI to implement this feature
This will add more functionality to the project and for future usage as well, as there'll be backend connectivity which will make things working properly.
No problems as such, just upgrading the application.
Need to create a short concept website for GitSpace, more like a product website with sections given below.
Create a tag component with functionalities and props which can be used in the dashboard views, cards and other stuff.
The reference to all the tags is present here - https://www.figma.com/file/CuHNU1HavKGn830z0Doqki/dashboard-ui-styles-and-assets?node-id=5%3A3
Update the README.md
module from the default create-react-app one.
Try adding the following section of contents to it
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.