- );
+export default function App() {
+ const [selectedIndex, setSelectedIndex] = React.useState(0);
+ const tabs = ['Home', 'Tier 1', 'Tier 2', 'Tier 3'];
+ const pages = [];
+ return (
+ <>
+
+
+ {tabs.map((tab, index) => (
+ setSelectedIndex(index)}
+ isSelected={index === selectedIndex}
+ aria-controls={`panel-${tab}`}
+ >
+ {tab}
+
+ ))}
+
+
+
+
+
+
+
+ {pages.map((page, index) => (
+
+ {page}
+
+ ))}
+
+
+ );
}
-
-export default App;
diff --git a/src/Home.js b/src/Home.js
new file mode 100644
index 00000000..87134a0b
--- /dev/null
+++ b/src/Home.js
@@ -0,0 +1,267 @@
+import {
+ Pane,
+ Paragraph,
+ UnorderedList,
+ ListItem,
+ OrderedList,
+ Link,
+ Table,
+ Image,
+ Heading,
+} from 'evergreen-ui';
+import coverimage from './app-ideas.png';
+
+export default function Home() {
+ return (
+ <>
+
+
+
+
+ Have you ever wanted to build something but you had no idea
+ what to do? Just as authors sometimes have "writers block"
+ it's also true for developers. This list is intended to
+ solve this issue once and for all! 👍
+
+ These applications are:
+
+
+ great for improving your coding skills 💪;
+
+
+ great for experimenting with new technologies 🆕;
+
+
+ great for adding to your portfolio to impress your next
+ employer/client 📁;
+
+
+ great for using as examples in tutorials (articles or
+ videos) 📃;
+
+
+ easy to complete and also easily extendable with new
+ features 👌;
+
+
+
+ This is not just a simple list of projects, but a collection
+ that describes each project in enough detail so that you can
+ develop it from the ground up!
+
+
+ Each project has the following features:
+
+
+ A clear and descriptive objective;
+
+ A list of User Stories which should be implemented
+ (these stories act more as a guideline than a forced
+ list of To-Do's. Feel free to add your own stories if
+ you want);
+
+
+ A list of bonus features that not only improve the base
+ project, but also your skills at the same time (these
+ are optional and should be attempted only after you have
+ completed the required user stories)
+
+
+ A list of bonus features that not only All the resources
+ and links to help you find what you need to complete the
+ project
+
+
+
+ Here you can{' '}
+
+ watch a video about this repository
+
+ .
+
+
+ Projects
+
+ Projects are divided into three tiers based on the knowledge
+ and experience required to complete them.
+
+
+
+
+ Tier
+
+
+ Developer Profile
+
+
+
+
+
+ 1
+
+
+ Developers in the early stages of their learning
+ journey. Those who are typically focused on
+ creating user-facing applications.
+
+
+
+
+ 2
+
+
+ Developers at an intermediate stage of learning
+ and experience. They are comfortable in UI/UX,
+ using development tools, and building apps that
+ use API services.
+
+
+
+
+ 3
+
+
+ Developers who have all of the above, and are
+ learning more advanced techniques like
+ implementing backend applications and database
+ services.
+
+
+
+