search

mrudulchaudhari / DS-Lab

0 stars 0 forks source link

create homepage #6

Closed Khushisarda closed 4 days ago

Khushisarda commented 2 weeks ago

create homepage for the website that we are developing, everyone put in their suggestions, using comment on this issue and we will develop the homepage in this issue only.

mrudulchaudhari commented 2 weeks ago

import React from 'react'; import { Card, CardHeader, CardContent } from '@/components/ui/card';

const DSAHomepage = () => { const sections = [ { id: 'introduction', title: 'Introduction to DSA', content: 'Welcome to our comprehensive exploration of Data Structures and Algorithms (DSA). This project aims to provide in-depth knowledge and practical insights into the fundamental concepts that power efficient software development.' }, { id: 'data-structures', title: 'Data Structures', content: 'Data structures are the building blocks of efficient algorithms. We\'ll cover a wide range of structures, including:', list: [ 'Arrays and Linked Lists', 'Stacks and Queues', 'Trees and Graphs', 'Hash Tables', 'Heaps' ] }, { id: 'algorithms', title: 'Algorithms', content: 'Algorithms are step-by-step procedures for solving problems. Our project will delve into various algorithmic paradigms and specific algorithms, such as:', list: [ 'Sorting and Searching', 'Dynamic Programming', 'Greedy Algorithms', 'Graph Algorithms', 'Divide and Conquer' ] }, { id: 'resources', title: 'Learning Resources', content: 'To support your journey in mastering DSA, we\'ll provide:', list: [ 'Detailed explanations and visualizations', 'Code examples in multiple programming languages', 'Practice problems and their solutions', 'Performance analysis and optimization techniques' ] } ];

return (

Exploring Data Structures and Algorithms

{sections.map(section => (

{section.title}

{section.content}

{section.list && (
    {section.list.map((item, index) => (
  • {item}
    • ))}
)} ))}

© 2024 DSA Exploration Project. All rights reserved.

); };

export default DSAHomepage;

yeh aisa code hai, we need to make something similar

@mrudulchaudhari - react @Khushisarda - css @homeshwari524 - react @sinha-i-prefer - html @Adhishree21 - html

mrudulchaudhari commented 1 week ago

We have made a basic front page with few css We need to update our bits in the next 1- day And also create pages of each algorithm and then content will be added individually in their page Ensuring that html css design is uniform throughout the pages